<template>
    <!-- html -->
    <div class="PamasRouter">
        <h3>this is PropsRputer.</h3>
        <div>
            <ul>
                <li>{{ id }}</li>
                <li>{{ name }}</li>
                <li>{{ age }}</li>
            </ul>
        </div>
    </div>
</template>

<!-- 安装 vue 路由模块  npm install vue-router -->

<!-- npm i vite-plugin-vue-setup-extend -D -->
<script lang="ts" setup name='PropsRputer'>
defineProps(['id', 'name', 'age'])
</script>


<style scoped>
/* 样式 */
.PropsRputer {
    background-color: skyblue;
    border-radius: 10px;
    padding: 20px;
}
</style>